<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <!-- jQuery -->
    <script src="common/jquery-1.11.1/jquery.min.js"></script>
    <script src="common/startbootstrap-sbadmin-2106/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="common/startbootstrap-sbadmin-2106/bower_components/metisMenu/dist/metisMenu.min.js"></script>
    <script src="common/startbootstrap-sbadmin-2106/dist/js/sb-admin-2.js"></script>
   
   
    <link href="common/startbootstrap-sbadmin-2106/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="common/startbootstrap-sbadmin-2106/bower_components/metisMenu/dist/metisMenu.min.css" rel="stylesheet">
    <link href="common/startbootstrap-sbadmin-2106/dist/css/sb-admin-2.css" rel="stylesheet">
    <link href="common/startbootstrap-sbadmin-2106/bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="common/startbootstrap-sbadmin-2106/dist/css/timeline.css" rel="stylesheet">
	
     <script src="common/bootstrap303/js/respond.min.js"></script>

<body style="padding:20px">
<div class="panel panel-default">
    <div class="panel-heading">
        <i class="fa fa-clock-o fa-fw"></i> 时间维度信息
    </div>
  
    <div class="panel-body">
        <ul class="timeline">
            <li>
                <div class="timeline-badge"> <img src="1-mjzd2.gif" width=100% />
                </div>
                
                <div class="timeline-panel">
                    <div class="timeline-heading">
                        <h4 class="timeline-title"> <a href=""> Scrum敏捷项目管理</a></h4>
                        <!--- -->
                        <p><small class="text-muted"><i class="fa fa-clock-o"></i> 11 hours ago via Twitter</small>
                        </p>
                       
                    </div>
                    <div class="timeline-body">
                        <p>  第三方杀毒法律的说法老师快递费空间是地方；了解多少积分；是地方；了深刻的法律框架是地方就离开是地方将来肯定是否；老师是地方 
                      
                        </p>
                    </div>
                </div>
            </li>
            
            <li class="timeline-inverted">
                <div class="timeline-badge warning"><img src="1-mjzd2.gif" width=100% />
                </div>
                
                <div class="timeline-panel">
                    <div class="timeline-heading">
                        <h4 class="timeline-title">Lorem ipsum dolor</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem quibusdam, tenetur commodi provident cumque magni voluptatem libero, quis rerum. Fugiat esse debitis optio, tempore. Animi officiis alias, officia repellendus.</p>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium maiores odit qui est tempora eos, nostrum provident explicabo dignissimos debitis vel! Adipisci eius voluptates, ad aut recusandae minus eaque facere.</p>
                    </div>
                </div>
            </li>
            <li>
                <div class="timeline-badge danger"><img src="1-mjzd2.gif" width=100% />
                </div>
                <div class="timeline-panel">
                    <div class="timeline-heading">
                        <h4 class="timeline-title">Lorem ipsum dolor</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus numquam facilis enim eaque, tenetur nam id qui vel velit similique nihil iure molestias aliquam, voluptatem totam quaerat, magni commodi quisquam.</p>
                    </div>
                </div>
            </li>
            <li class="timeline-inverted">
                <div class="timeline-panel">
                    <div class="timeline-heading">
                        <h4 class="timeline-title">Lorem ipsum dolor</h4>
                    </div>
                    <div class="timeline-body">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates est quaerat asperiores sapiente, eligendi, nihil. Itaque quos, alias sapiente rerum quas odit! Aperiam officiis quidem delectus libero, omnis ut debitis!</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="timeline-badge info"><i class="fa fa-save"></i>
                    </div>
                    <div class="timeline-panel">
                        <div class="timeline-heading">
                            <h4 class="timeline-title">Lorem ipsum dolor</h4>
                        </div>
                        <div class="timeline-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis minus modi quam ipsum alias at est molestiae excepturi delectus nesciunt, quibusdam debitis amet, beatae consequuntur impedit nulla qui! Laborum, atque.</p>
                            <hr>
                            <div class="btn-group">
                                <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown">
                                    <i class="fa fa-gear"></i>  <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Action</a>
                                    </li>
                                    <li><a href="#">Another action</a>
                                    </li>
                                    <li><a href="#">Something else here</a>
                                    </li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="timeline-panel">
                        <div class="timeline-heading">
                            <h4 class="timeline-title">Lorem ipsum dolor</h4>
                        </div>
                        <div class="timeline-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sequi fuga odio quibusdam. Iure expedita, incidunt unde quis nam! Quod, quisquam. Officia quam qui adipisci quas consequuntur nostrum sequi. Consequuntur, commodi.</p>
                        </div>
                    </div>
                </li>
                <li class="timeline-inverted">
                    <div class="timeline-badge success"><i class="fa fa-graduation-cap"></i>
                    </div>
                    <div class="timeline-panel">
                        <div class="timeline-heading">
                            <h4 class="timeline-title">Lorem ipsum dolor</h4>
                        </div>
                        <div class="timeline-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt obcaecati, quaerat tempore officia voluptas debitis consectetur culpa amet, accusamus dolorum fugiat, animi dicta aperiam, enim incidunt quisquam maxime neque eaque.</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.panel -->
</div>